body{ margin:0 auto; padding:0; font-size:14px; font-family:Tahoma,Arial,Helvetica, sans-serif,""; color:#3D3D3D; background-color: #eeeff1;}
body,html,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,select{margin:0;padding:0;}
h1,h3,h3,h4{ font-size:14px;}
.clear{ clear:both;}
a{ color:#3D3D3D; text-decoration:none;}
a:hover{ text-decoration: underline; color:#ff6600;}
img{ border:0 none; vertical-align:top; max-width: 100%;}
ul li{list-style:none;}
.label-btn-default {color: #333333;}
.label-btn-red {color: #ff6600;}
a.label-btn-default:focus {
    color: #333333;
}
a.label-btn-red:focus {
    color: #ff6600;
}
a.label-btn-default:hover,
a.label-btn-red:hover {
    color: #fff;
    background: #5cb85c;
    text-decoration: none;
    cursor: pointer;
}
.clearfix{
    display: block!important;
}
.display-inline-block {
    display: inline-block!important;
}
.bg-white{background-color: #ffffff;}
/* 通用组件 */
.box-shadow {
    box-shadow: 0 0 15px #EEEEEE;
}
.label{font-size: 12px;}
.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/*#top_member{position: relative; width:auto;_width:430px; height:40px; line-height:30px; padding:0 10px; padding-top: 10px; background-color:#00cb82;color:#fff;overflow:hidden; }
#top_member span{word-break:break-all;float:left; overflow:hidden;}
#top_member a {float: right;width: 70px;line-height: 20px;background: #00cb82;border:1px solid #fff;color:#fff;text-align: center;
    margin:5px 3px 0px; border-radius: 10px;
}
#top_member a:hover{background:#ff9900; text-decoration: none;}*/

.site-top {padding: 7px 0px; border-bottom: 1px solid #dedede; background: #f5f5f5; font-size: 14px;}
.site-top a {padding-left: 5px ; padding-right: 5px; display: inline-block;}
.site-top .line {
    border-left: 1px solid #dddddd;
}
.site-header {
    padding: 30px 0px 10px;
    background-color: #ffffff;
}
.site-header .input-group-lg>.form-control {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
} 
.site-header .input-group-lg>.input-group-btn>.btn {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.site-header .input-group-lg>.form-control, .site-header .input-group-lg>.input-group-addon, .site-header .input-group-lg>.input-group-btn>.btn {
    font-size: 16px;
    height: 40px;
    padding: 8px 16px;
}

.site-nav{background: #00cb82;}
.site-nav .navbar{ margin-bottom: 0px}
.site-nav .navbar-default {
    /*background: transparent;*/
    background: #00cb82;
    border:none;
}
.site-nav .navbar-inverse .navbar-nav>li>a{
    padding-top: 20px;
    padding-bottom: 20px;
  color: #ffffff !important;
}
.site-nav .navbar-inverse .navbar-nav>li>a:hover{
    color: #ffffff;
} 

.site-nav .site-logo{ color: #ffffff; line-height: 50px; font-size: 16px; font-weight: bold; padding: 20px 0px 0px 10px ;}

.site-nav .navbar-default .navbar-toggle .icon-bar {
    background-color: #fdfdfd;
}

.li-item {display: inline-block; position: relative;}
.li-item>a{display: block;}
.li-item .li-menu {
    display: none;
    position: absolute;
    top: 20px;
    left: 0;
    background: #ffffff;
    width: 120px;
    padding: 10px;
    z-index: 999;
    box-shadow: 0 0 15px #EEEEEE;
    text-align: center;
}
.li-item .li-menu>div {
    text-align: center;
}
.li-item .li-menu img {
    width: 100px;
    height: 100px;
}
.li-item:hover .li-menu,.li-item.hover .li-menu {
    display: block;
}

/*sile*/
.person-box{padding: 5px; text-align: center; line-height: 200%;}


h2 a:hover,h3 a:hover,
h4 a:hover {text-decoration: none; }
.center{text-align:center;}

.red{color:red;}
.left{float: left;}
.right{float: right;}
.time { color: #999999;}



/*btn*/


.sidebar { margin-right:10px;}
.sidebar-box {margin-bottom: 20px;}
.sidebar-box h3 { background:#34a2db; height:40px; line-height:40px; padding:0px 0px 0px 20px; margin:0px;margin-bottom: 10px;border-radius:7px 0px; font-size:16px; color:#ffffff;}
.sidebar-box h3.help{background:#23b85b;}
.sidebar-box h3 a:link, .sidebar-box h3 a:visited{color:#ffffff;}
.sidebar-box .cate{ font-size:14px;}
.sidebar-box .cate li{margin-bottom: 5px; overflow:hidden; border:1px solid #08b0b2;border-radius:7px 0px; line-height:250%; text-indent:10px;}
.sidebar-box .cate li a:link,.sidebar-box .cate li a:visited{display:block; color: #08b0b2;}
.sidebar-box .cate li a:hover{background: #08b0b2; color:#ffffff;}
.sidebar-box .cate li.hover a{background: #08b0b2; color: #ffffff;}
.sidebar-box .note{ font-size:14px;}
.sidebar-box .note li{overflow:hidden;height:37px; line-height:37px; padding:0px 10px; border-bottom: 1px dotted #cccccc;}
.sidebar-box .note a:link, .sidebar-box .note:visited{ color:#333;}
.sidebar-box .note a:hover{color:#339900;}
.sidebar-box .help-note{ font-size:14px; text-align: center;}
.sidebar-box .help-note li{margin-bottom: 5px; overflow:hidden; border:1px solid #ffffff;border-radius:18px 27px 18px 18px; line-height:250%; text-indent:10px;
background: #19a4ed;
background: -webkit-linear-gradient(top, #19a4ed, #2972ab);
background: -moz-linear-gradient(top, #19a4ed, #2972ab);
background: linear-gradient(top,#19a4ed,#2972ab);}
.sidebar-box .help-note li.qq{background: #08b0b2;
background: -webkit-linear-gradient(top, #08b0b2, #067677);
background: -moz-linear-gradient(top, #08b0b2, #067677);
background: linear-gradient(top,#08b0b2,#067677);}

.sidebar-box .help-note li.ask{background: #bfa704;
background: -webkit-linear-gradient(top, #bfa704, #9f6100);
background: -moz-linear-gradient(top, #bfa704, #9f6100);
background: linear-gradient(top,#bfa704,#9f6100);}

.sidebar-box .help-note li a:link,.sidebar-box .help-note li a:visited{display:block; color: #ffffff;}
.sidebar-box .help-note li a:hover{background: #08b0b2; color:#ffffff;}

.arc-content{padding:10px 0px; text-align: left;}


.sidebar{ margin-right:10px;}
.sidebar .menu{ width: 260px; overflow: hidden; margin-bottom:10px;}
.sidebar .menu li{ height: 30px; padding-left: 10px; font-size: 13px; line-height: 30px; cursor: pointer;}
.sidebar .menu li.on,.sidebar .menu li.on a,.sidebar .menu li:hover,.sidebar .menu li:hover a{ background:#333;color:#FFF;opacity: 0.65;-moz-opacity: 0.65;filter:alpha(opacity=65); font-weight:bold;} 
.sidebar .menu li a{display:block;}

/*index large cate*/
.lg-cate-box {
    padding: 0 10px;
}
.lg-cate-box>a {
    padding: 0 10px;
    text-decoration: none;
    text-align: center;
    margin-bottom: 10px;
 }

.lg-cate-box>a:hover h3:before {
  width: 100%;
}

.lg-cate-box img {
  width: 50px;
  height: 50px;
  margin-top: 21px;
  max-width: 100%;
}

.lg-cate-box h3 {
  padding-top: 26px;
  padding-bottom: 26px;
  font-size: 18px;
  color: #343434;
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.11);
}

.lg-cate-box h3:before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 1px;
  background: #000000;
  width: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}


/**/
.post-meta{padding: 10px; text-align: center;}




/*page*/
.pager{margin:20px 5px 50px 20px;line-height: 30px;}
.pager a,
.pager span
{line-height: 30px; height: 30px; padding:0px 10px; text-align: center; margin-right: 5px;
    display: block; float: left;background: #FFF;color: #666; border: 1px solid #cccccc;}
.pager a:hover,
.pager span.current{   text-decoration: none;	color: #FFF;background:#34a2db; border-color:#34a2db;}


ul.personInfo{margin: 0px; padding:5px; font-size:14px;}
.personInfo li{line-height:200%;}
.form .h3{padding:5px; height: 20px; line-height: 20px; background:#d5f1ff; font-size:14px; font-weight:bold;}

.login-box{padding:5px;}
.login-box .h3{padding:10px; font-size:16px; font-weight:bold; color:#0f92d6;}

.help-info {}
.help-info .checkbox-inline {padding-top:0px !important;vertical-align:top;}

/**/

.topic-item{position:relative;padding:20px 0;*zoom:1;min-height:90px;_height:90px;border-bottom:1px solid #e6e6e6}
.topic-item h3{margin-bottom:12px}
.topic-item .item-pic{position:absolute;left:0;width:90px;height:90px;top:20px; overflow:hidden}
.topic-item .item-pic a{display:block;height:100%}
.topic-item .item-pic img{width:100%;height:100%;border-radius: 50%;}
.topic-item .item-note{padding-left:100px;color:#777;font-size:14px;line-height:20px; margin-top: 20px; margin-bottom: 20px;}
.topic-item .pull-right{float: right;}
.topic-item .bbs-name{color: #999999;}
.topic-item .bbs-name:hover{color: #7da1bc;}

.istop{}
.tag{background: #777777;border-radius: 2px;color: #FFFFFF;padding: 1px 4px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    font-size: 13px;margin-left: 2px;margin-bottom: 2px;}
.tag.tag-red {
    background-color: #ff5722;    
}
.tag.tag-orange {
    background-color: #f0962a;    
}
.tag.tag-green {
    background-color: #1fbf8c;
}
.tag.tag-small {
    font-size: 12px;
    padding: 0 4px;
}

.mr-1 {margin-right: 5px;}
.mt-1 {margin-top: 5px;}


.bbs-header {padding-bottom: 20px; border: 1px dotted #cccccc;
font-size: 16px;position: relative;overflow: visible;min-height: 100px;margin-bottom: 10px; text-align: left;}
.bbs-header h2{ text-align: center; padding: 10px;font-size: 18px;}
.bbs-header h2 a {background: #666666;padding: 5px 10px;color: #eeeeee;border-radius: 3px; display:inline-block; text-align: center;}
.bbs-header p {padding:5px 20px 0px; line-height: 200%; color: #666666;}


.btn-post{padding:9px 20px;margin: 1px; display: inline-block; text-align: center;border-radius: 5px; font-size: 16px;background-color: #23b85b;}

a.btn-post,a.btn-post:link,a.btn-post:visited{color: #ffffff;text-decoration: none;}
.btn-post:hover{background-color: #27d368; color:#ffffff;}

.btn-post.bg-red {
    background-color: #ff6600;
}
.btn-post.bg-red:hover {
    background-color: #ff8135;
}

.num-topic{background: #ffffff; color: #666666; padding:1px 5px; margin-left: 10px; border: 1px solid #08b0b2; border-radius: 3px;}


.topic-post-h1 {padding: 0px 0px 10px;
    border-bottom: 1px dotted #cccccc;
font-size: 28px; font-weight: bold; position: relative;overflow: visible;min-height: 160%;margin-bottom: 10px;}

.post-avatar img{width:100%;height:auto; border-radius: 50%; max-width: 90px;}

.quick-panel-top{position:absolute;min-width:50px;right:0;bottom:10px; height: 25px; line-height: 25px; text-align: right; }

.info-layer{position:relative;}
.info-layer .info-tip { margin-bottom: 10px; }
.info-layer .item-note .note{color:#333333;font-size:16px;line-height:180%;}
.info-layer .quick-panel-foot{min-width:50px;height:20px;}


.topic-post-item{position:relative;}
.topic-post-item h3{margin-bottom:12px; font-weight: bold;}
.topic-post-item .item-person{position:absolute;left:5px;width:90px;min-height:90px;top:10px; overflow:hidden}
.topic-post-item .item-person a{display:block;height:100%;color: #0066FF;}
.topic-post-item .item-person img{width:100%;height:auto; border-radius: 50%;}
.topic-post-item .item-note{padding-left:120px; color:#333333;font-size:14px;line-height:20px;}
.topic-post-item .quick-panel{position:absolute;min-width:50px;height:20px;right:0;top:0px; text-align: right;}

.topic-post-item .quick-panel-foot{min-width:50px;height:20px;padding-left: 120px;}

#postReviewBox {padding: 24px 5px ;  margin: 5px;background: #eeeeee;border-radius: 5px;}
.topic-post-item #postReviewBox {background: #eeeeee; margin-left: 50px;}
.more-comment {margin: 20px 5px;}

.quick-panel-top .tool {display: inline-block;}

.master,.rep-master{display: inline-block; height:20px; line-height: 20px; font-size: 12px; padding:0px 10px;border-radius:10px 0px 0px 10px; text-align: center;background: #bab3f5; color:#ffffff;}
.rep-master{background: no-repeat; color: #333; border: 1px solid #cccccc; border-top-width:0px; }


.item-note .time{padding:10px 0px;}
.price-pre {color: #ff6600; font-size: 20px; font-weight: normal;}
.price-main {color: #ff6600; font-size: 30px; font-weight: bolder;}
.price-none {color: #999999; font-size: 16px; font-weight: normal;}
.item-note .note{padding:20px 0px; min-height: 80px;}
.item-note .note img,.sub-item-note img{max-width:98%;}
.item-note .note pre,.sub-item-note pre {font-size: 14px; padding:5px; margin:5px 0px; border:1px solid #CCCCCC; white-space: pre-wrap;word-wrap: break-word; background:#042141; color:#ffffff;}


.arc-content .tag-phone {color: #ff6600; font-size: 26px; letter-spacing: 2px;}

.info-picture .info-picture-item {
    width: 360px;
    max-width: 99%;
    height: 320px;
    background-color: #f0f0f0;
    overflow: hidden;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 3px;
}
.info-picture .info-picture-item img {
    width: 100%;
    min-height: 100%;
    object-fit: cover;
}

.info-contact {
    margin-top: 20px;
    line-height: 35px;
    font-size: 16px;
    border: 1px solid #f1f1f1;
    background-color: #fafafa;
    border-radius: 5px;
    padding: 5px;
    color: #444444;
    position: relative;
}
.info-contact .info-contact-item {
    min-height: 70px;
    padding: 5px;
    border-bottom: 1px solid #f1f1f1;
    font-size: 14px;
}
.info-contact .info-contact-item:last-child {
    border-bottom: none;
}
.info-contact .title {
    font-size: 16px;
    font-weight: bolder;
    line-height: 35px;
    background-size: 24px;
    background-repeat: no-repeat;
    color: #000000;
}
.info-contact .title i{
    color: #19be42;
}
.info-contact .tip {
    font-size: 14px;
    color: #009b2a;
}
.info-contact .info-contact-item .item-li {
    padding: 5px;
}


.company-contact {
    margin-top: 20px;
    line-height: 35px;
    font-size: 16px;
    background-color: #fafafa;
    padding: 5px;
    color: #444444;
}

#subReplyBox{display: none; background: #eeeeee;padding: 10px 10px; margin-top: 10px;}


/*post edit add --*/
.post-h3{padding:5px; height: 20px; line-height: 20px; font-size:16px; font-weight:bold;}

.not-padding-top{
	height: 510px;
	background:url('../images/forum_sub_bg.jpg') no-repeat ;
	padding-top: 0;
}
/* 社区页面模糊图片  */
.login-view{
    border-radius: 5px;
    text-align: center;
    width: 320px;
    height: 117px;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: rgba(255, 255, 255, 0.9);
    margin-top: -147px;
    margin-left: -145px;
    border: 2px solid #f4f4f4;
}
.login-view h2{
	padding-top: 2px;
    font-size: 25px;
    line-height: 40px;
}
.login-button{	
	height: 35px;
    color: white;
    background-color: #0084ff;
    display: inline-block;
    width: 74px;
    vertical-align: middle;
    cursor: pointer;
    border: 0;
    font-size: 18px;
}
/* 登录弹窗  */
.layer-div{
	padding-top: 35px;
    margin-right: 30px;
    text-align: center;
	display: none;
}
.layer-div >form > div {
	margin-bottom: 15px;
}
.layer-div .form-btn{
	padding-left: 111px;
	text-align: left;
}
.layer-div input{
	height: 16px;
    padding: 6px 12px;
    font-size: 16px;
    width: 165px;
}
.layer-div label{
	height: 16px;
    padding: 6px 12px;
    font-size: 16px;
    width: 165px;
}
.layui-layer .layui-layer-title{
	font-size: 16px;
    font-weight: bold;
    color: #333;
}	

.search-info {
	margin-top: 17px;
    margin-left: 5px;
}
.search-info label {
	display: inline;
    padding: 5px 7px 6px;
    font-size: 80%;
    line-height: 1;
    color: #000;
    text-align: center;
    white-space: nowrap;
    border-radius: 3px;
}
.search-info strong {
	color:#ff742c;
}
.item-note strong{
	color:#ff742c;
}
.text-center{
	text-align: center;
}
.best_reply {    
    background: #fcffe2  url(../images/bg_best.png) right top no-repeat;
    background-size: 90px 90px;
}
.best_reply_sub{
    background: #fcffe2;
}


#sidebarShowBtn {cursor: pointer; border-radius: 20px 0px 0px 20px !important;}

.section-sub-cate {
    margin: 20px 0px 10px 0px;    
}
.section-sub-cate .container {
    background-color: #ffffff;
}

.section-sub-page-bar {
    margin: 0px 0px 10px 0px;
    display: none;    
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    background: #ffffff;
    border-bottom: 5px solid #ececec;
    height: 30px;
    line-height: 30px;
    z-index: 999;
}
.section-sub-page-bar .container-fluid {
    background-color: #ffffff;
    border-bottom: 1px solid #eeeeee;
}
.sub-page-bar {
    margin: 10px 5px;
    font-size: 15px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    position: relative;
}
.sub-page-bar>.left {
    display: inline-block;
    text-align: left;
    position: absolute;
    left: 0;
    top: 0;
}
.sub-page-bar>.title {
    display: block;
    font-size: 16px;
    overflow: hidden;
    margin: 0px 70px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.sub-page-bar>.right {
    display: inline-block;
    width: 50px;
    text-align: right;
    position: absolute;
    right: 0;
    top: 0;
}
.section-sub-page-bar-space {
    height: 60px;
    background-color: #ececec;
    display: none;
}


.sub-cate-box {
    padding: 10px 0px;
    font-size: 15px;
}
.sub-cate-box .title{
    font-weight: bold;
    padding-right: 10px;
}
.sub-cate-box a{
    margin-left: 10px;
    margin-bottom: 3px;
/*    border: 1px solid #ffffff;*/
    border: 1px solid transparent;
    text-decoration: none;
    padding: 1px 5px;
    border-radius: 5px;
    display: inline-block;
}
.sub-cate-box a:hover,.sub-cate-box a.hover {
    color: #08b0b2;
    border: 1px solid #08b0b2;
}

.sub-cate-box a.join {
    color: #ffffff;
    border: 1px solid #40b208;
    background: #40b208;
}
.sub-cate-box a.join:hover {
    color: #efff1f;
}

.section-title {border-left: 5px solid #19be42; font-weight: bold; padding: 0px 0px 0px 10px;margin: 15px 0px 5px 0px;font-size: 16px;}
.section-title.in-line { border:none;margin-bottom: 15px;}
.section-title i{color: #19be42;font-style: normal;}
.section-title span{color: #aaaaaa; font-weight: normal;padding-left: 10px;}
.section-title a{
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 16px;
    font-weight: normal;
}

.section-bianming,.section-nobg {margin-top: 15px; margin-bottom: 15px;}
.section-bianming .container{background-color: #ffffff; }

.bm-card {
    margin:10px 0px 15px 0px ;

}
.bm-card-item {
    display: inline-block;
    margin-top: 5px;
    margin-right: 5px;
    background-color: #b56dad;
    width: 160px;
    height: 50px;
    line-height: 20px;
    border-radius: 5px;
    overflow: hidden;
}
.bm-card .bm-card-item:nth-of-type(5n+1) {
    background-color: #b56dad;
}
.bm-card .bm-card-item:nth-of-type(5n+2) {
    background-color: #ed9041;
}
.bm-card .bm-card-item:nth-of-type(5n+3) {
    background-color: #1fbf8c;
}

.bm-card-item>a {
    display: block;
    color: #ffffff;
    border-radius: 5px;
    padding: 5px 5px;
    font-size: 14px;
    text-align: center;
}
.bm-card-item>a>span {
    display: block;
}

.info-box {
    /*background-color: #ffe7c1;*/
    background-color: #ffffff;
    margin-bottom: 10px;
    /*margin-top: 5px;*/
    border: 1px solid #dcdcdc;
    margin-left: -10px;
    margin-right: -10px;    
    color: #000000;
    position: relative;
    border-radius: 5px 5px 20px 5px;
}
.info-box a{color: #000000;}
.info-box a:hover{color: #ff6600;}

.info-box.bg-1,.info-box.bg-2,.info-box.bg-3 {
    /*background-color: #ffffff;*/
}
.info-box.bg-gold {
    /*background-color: #d9ffc4;*/
    background-color: #fffcd7;
    background-image: linear-gradient(#fffcd7,#ffffff);
}
.info-box.bg-gold.bg-2 {
    background-color: #e8ffdf;
}
.info-box:hover {
    box-shadow: 0 0 8px 0 rgba(0,0,0,.30);
    background-color: #ffffff;
    border-color: #62e5ff;
}

.info-box>.title {
    height: 37px;
    line-height: 37px;
    text-align: left;
    background-color: #ebebeb;
    /*border-radius: 3px;*/
    padding-left: 10px;
    font-size: 16px;
    font-weight: bold;
    white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   border-bottom: 1px solid #94ed6e;
   border-radius: 5px 5px 0px 0px;
}
.info-box>.title>.toped {
    color: #ffffff;
    background: #ff9600;
    font-weight: normal;
    padding: 2px 7px;
    font-size: 14px;
    border-radius: 20px;
    display: inline-block;
    background-image: linear-gradient(#ff9600,#975900);
    line-height: normal;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 0 0px 15px 0px;
}
.info-box.bg-gold>.title>a{padding-left: 32px;}
.info-box.bg-gold.big>.title>a{padding-left: 45px;}

.info-box.bg-2>.title {
    background-color: #d6ffd9;
}
.info-box.bg-1>.title,.info-box.bg-3>.title {
    background-color: #deffed;
}

.info-box.bg-gold.bg-2>.title {
    background-color: #d9ff90;
    border-color: #ffffff;
}
.info-box.bg-gold.bg-1>.title,.info-box.bg-3>.title {
    background-color: #ffe68d;    
    border-color: #ffffff;
}

.info-box.bg-gold>.title>.toped {
    background: #db82ff;
    background-image: linear-gradient(#db82ff,#c841ff);
}

.info-box>.note {
    padding: 10px;
    display: block;
    text-decoration: none;
}
.info-box>.note>.thumb {
    height: 150px;
    width: 150px;
    float: left;
    overflow: hidden;
    background-color: #cccccc;
    border-radius: 5px;
    margin-bottom: 5px;
}

.info-box>.note>.thumb>img {
    width: 120%;
}
.info-box:hover>.note>.thumb>img {
    width: 137%;
    transition: all .3s;
}

.info-box>.note>.note-desc {
    margin-left: 170px;
    clear: right;
}
.info-box.no-photo>.note>.thumb {
    display: none;
}
.info-box.no-photo>.note>.note-desc {
    margin-left: 0;
}
.info-box>.note>.note-desc>.p {
   height: 110px;
   line-height: 178%;
   word-break: break-all;
   word-wrap: break-word;
   /*white-space: nowrap;*/
   overflow: hidden;
   text-overflow: ellipsis;
}
.info-box>.note>.note-desc>.item {
    height: 30px;
    line-height: 30px;
    position: relative;
}


.info-box .tel {
    color: #00c2ff;
    font-size: 15px;
}
.info-box .date {
    color: #999999;
}
.info-box.big>.note>.note-desc>.p {
    font-size: 16px;
    line-height: 173%;
}
.info-box>.bottom {
   padding: 0px 10px 10px 10px;
   position: relative;
}

.info-box>.bottom>.price,
.info-box>.bottom>.call,
.info-box>.note>.note-desc>.item>.price {
    position: absolute;
    right: 5px;
    top: 0px;
    font-size: 16px;
    color: #bd7200;
}

.info-box>.bottom>.call {
    color: #ed414a;
    font-size: 14px;
    border:1px solid #ed414a;
    padding: 0px 5px;
    border-radius: 15px;
    text-decoration: none;
    animation: aniBgChange 5s ease infinite;
}
.info-box>.bottom>.call:hover {
    background-color: #ed414a;
    color: #ffffff;
}

.info-notice {
    margin-top: 10px; 
    padding: 7px; 
    line-height: 160%; 
    font-size: 14px; 
    text-align: left; 
    border: 1px solid #e0e0e0; 
    border-radius: 5px; 
    background: #ffffe4;
    color: #c9000b; 
}
/*haibao*/
.poster-title {
    position: fixed;
    left: 0;
    right: 0;
    background: #ffffff;
    border-bottom: 1px solid #eeeeee;
    text-align: center;
    font-size: 18px;
    padding: 5px;
}

/*search*/
.search-info-box {
    /*background-color: #ffe7c1;*/
    background-color: #ffffff;
    margin-bottom: 20px;
    /*margin-top: 5px;*/
    border-bottom: 1px solid #ececec;
    margin-left: -10px;
    margin-right: -10px;    
    color: #000000;
    position: relative;
}
.search-info-box a{color: #000000;}
.search-info-box a:hover{color: #ff6600;}


.search-info-box:hover {
    box-shadow: 0 0 8px 0 rgba(0,0,0,.30);
    background-color: #ffffff;
    border-color: #62e5ff;
}

.search-info-box>.title {
    height: 37px;
    line-height: 37px;
    text-align: left;
/*    background-color: #ececec;*/
    /*border-radius: 3px;*/
    padding-left: 10px;
    font-size: 18px;
    white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}
.search-info-box>.title>a{
    color: #08b0b2;    
   text-decoration: underline;
}
.search-info-box>.title>.toped {
    color: #ffffff;
    background: #ff9600;
    font-weight: normal;
    padding: 0px 2px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    display: inline-block;
    background-image: linear-gradient(#ff9600,#975900);
    border-radius: 5px 5px 5px 5px;
}


.search-info-box>.note {
    display: block;
    padding: 10px;
    text-decoration: none;
}
.search-info-box>.note>.thumb {
    height: 100px;
    width: 150px;
    float: left;
    overflow: hidden;
    background-color: #cccccc;
    border-radius: 5px;
}

.search-info-box>.note>.thumb>img {
    width: 120%;
}
.search-info-box:hover>.note>.thumb>img {
    width: 137%;
    transition: all .3s;
}

.search-info-box>.note>.note-desc {
    margin-left: 170px;
    clear: right;
}
.search-info-box.no-photo>.note>.thumb {
    display: none;
}
.search-info-box.no-photo>.note>.note-desc {
    margin-left: 0;
}
.search-info-box>.note>.note-desc>.p {
   height: 80px;
   line-height: 168%;
   word-break: break-all;
   word-wrap: break-word;
   /*white-space: nowrap;*/
   overflow: hidden;
   text-overflow: ellipsis;
}
.search-info-box>.note>.note-desc>.item {
    height: 30px;
    line-height: 30px;
}

.search-info-box>.note>.note-desc>.p {
    font-size: 14px;
}
.search-info-box>.bottom {
   padding: 0px 10px 10px 10px;
   position: relative;
}

.search-info-box>.bottom>.price,
.search-info-box>.bottom>.call {
    position: absolute;
    right: 5px;
    top: 0px;
    font-size: 16px;
    color: #bd7200;
}

.search-info-box>.bottom>.call {
    color: #ed414a;
    font-size: 14px;
    border:1px solid #ed414a;
    padding: 0px 5px;
    border-radius: 15px;
    text-decoration: none;
    animation: aniBgChange 3s ease infinite;
}
.search-info-box>.bottom>.call:hover {
    background-color: #ed414a;
    color: #ffffff;
}


.section-flink {margin-top: 0px; margin-bottom: 15px;}
.section-flink .container{background-color: #ffffff;}
.friend-link {
    
    padding: 10px;
    line-height: 180%;
}
.friend-link a{display: inline-block; color: #888888; margin: 2px 5px; padding: 2px 5px;}
.friend-link a:hover {text-decoration:underline; }


/* 产品列表（通用） */
.product-list .item {
    padding-bottom: 30px;
}

.product-list .item a {
    text-decoration: none;
}

.product-list .item>* {
    display: block;
    text-align: left;
    text-decoration: none;
    border-radius: 4px;
}

.product-list .item .thumb {
    position: relative;
    overflow: hidden;
    height: 200px;
}

.product-list .item .thumb img {
    width: 100%;
}

.product-list .item .thumb .actions {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.5);
    transition: all .3s;
}

.product-list .item .thumb .actions .actions-tool {
    position: absolute; 
    text-align: center;
    top: 45%;
    right: 0;
    left: 0;
}

.product-list .item .thumb .actions a {
    display: inline-block;
    padding: 3px 10px;
    background-color: #FFFFFF;
    border-radius: 4px;
    margin: 0px 8px;
    transform: translateY(-100%);
    transition: all .3s;
}

.product-list .item .thumb .actions a .iconfont {
    font-size: 24px;
    color: #009EFF;
}

.product-list .item .thumb:hover .actions {
    opacity: 1;
}

.product-list .item .thumb:hover .actions a {
    transform: translateY(0);
}

.product-list .item .info {
    display: block;
    padding: 15px 20px;
}

.product-list .item .info>* {
    /*display: block;*/
}

.product-list .item .info .name {
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #323232;
    margin-bottom: 5px;
    overflow: hidden;
    height: 26px;
}

.product-list .item .info .case-name {
    font-size: 16px;
    font-weight: bold;
    color: #323232;
    padding: 20px;
    text-align: center;
}

.product-list .item .info .price {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    color: #FF9100;
}

.product-list .item .info .price.free {
    color: #009EFF;
}
.product-list .item .info .price.vip {
    color: #000;
    font-size: 14px;
}
.product-list .item .info .address {
    display: block;
    color: #000;
    font-size: 14px;
    font-weight: normal;
    padding: 0px;
    overflow: hidden;
    height: 26px;
    line-height: 26px;
}
.product-list .item .info .tel {
    display: block;
    color: #000;
    font-size: 14px;
    font-weight: normal;
    padding: 0px;
}

.product-list .item .info:hover .name,
.product-list .item .info:hover .case-name {
    color: #009EFF;
}


.pages{overflow:hidden; text-align:center; margin:30px 0px; font-size: 14px; }
.pages a,.pages span{
    position: relative;
    display: inline-block;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #666666;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    margin: 0 5px;
}
.pages a:hover{border:1px solid #69c3ff; text-decoration:none; background-color:#69c3ff; color:#FFF;}
.pages a:active{border:1px solid #3598db; text-decoration:none; background-color:#3598db;}
.pages span.current{border: #3598db 1px solid; font-weight:bold;  color: #fff; background-color:#3598db;margin-right: 5px;}

.positon-step {
    font-size: 18px;
    color: #666666;
}
.positon-step>a{font-weight: bold; color: #1fbf8c;}
.positon-step .line{ color: #aaaaaa;}

.tabs-cate-nav{padding: 5px 5px; min-height: 400px;}
.tabs-cate-nav li>a{
    display: block;
    padding: 10px 10px;
    text-decoration: none;
    font-size: 16px;
    border-bottom: 1px solid #08b0b2;
}
.tabs-cate-nav li>a:hover, .tabs-cate-nav li.active >a {
    background-color: #08b0b2;
    color: #ffffff;
    border-bottom-color: #ffffff;
}
.tabs-cate-item {display: none;}
.tabs-cate-item:first-of-type {display: block;}
.tabs-cate-item h4 {font-size: 15px; font-style:italic; margin-bottom: 20px; margin-top: 5px;}
.tabs-cate-item>.item-list {
    padding: 5px 5px 10px 5px;
}
.tabs-cate-item>.item-list>a{
    color: #08b0b2;
    font-size: 15px;
    padding: 3px 10px;
    margin: 3px 5px;
    display: inline-block;
    border: 1px solid #08b0b2;
/*    border-radius: 10px;*/
    text-decoration: none;
}
.tabs-cate-item>.item-list>a:hover {
    background-color: #08b0b2;
    color: #ffffff;
}

.post-tip {
    line-height: 180%;
    padding: 20px 15px 20px 15px;
    background-color: #efefef;
    border:1px solid #ececec;
    border-radius: 3px;
}
.post-tip>h3{
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: bold;
}
.event-more-item {display: none;}
.btn-event-code {cursor: pointer;}

.up-picture-btn,.up-file-btn {
    position: relative;
    display: inline-block;
    overflow: hidden;
}
.up-picture-btn input,.up-file-btn input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    border: solid transparent;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
}

/*info buy */
.tabs-toped-nav{padding: 5px 5px 0px 5px; margin-bottom: 5px ;letter-spacing: -8px;border-bottom: 1px solid #08b0b2;}
.tabs-toped-nav li{display: inline-block;letter-spacing: normal;
}
.tabs-toped-nav li>a{
    display: inline-block;
    padding: 5px 10px;
    text-decoration: none;
    font-size: 15px;
    
}
.tabs-toped-nav li>a:hover, .tabs-toped-nav li.active >a {
    background-color: #08b0b2;
    color: #ffffff;
}

.tabs-toped-item {display: none;}
.tabs-toped-item:first-of-type {display: block;}
.tabs-toped-item> {
    /*padding: 5px 5px 10px 5px;*/
}
.tabs-toped-item>a{
    display: block;
    font-size: 15px;
    padding: 5px 10px;
    margin: 3px 5px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    text-decoration: none;
    color: #666666;    
    position: relative;
}
.tabs-toped-item>a:hover {
    border-color: #08b0b2;    
    color: #08b0b2;
}
.tabs-toped-item>a.hover {
    border-color: #08b0b2; 
    color: #08b0b2;
    background-color: #fcffdf;
}
.tabs-toped-item>a>i{
    color: #ffffff;
}
.tabs-toped-item>a.hover>i{
    color: #08b0b2;
}
.tabs-toped-item>a>.price{
    color: #ff6600;
    position: absolute;
    top: 0;
    right: 0px;
    padding: 5px 5px 0px 0px;
}

.pay-radio-group {}
.pay-radio-group>.pay-radio-item{

    display: inline-block; 
    height: 36px; line-height: 36px; 
    cursor: pointer;
    padding: 0px 9px 0px 35px;
    margin:2px 5px 2px 0px;
    font-weight: normal;
    border: 1px solid #ececec;
    border-radius: 3px;
}
.pay-radio-group>.pay-radio-item>input{display: none;}
.pay-radio-group>.pay-radio-item{background:transparent url(../images/bg_pay_sm.png) no-repeat 3px 3px; }
.pay-radio-group>.pay-radio-item.pay-alipay {background-position: 3px -56px;}
.pay-radio-group>.pay-radio-item.pay-balance {background-position: 3px -118px;}
.pay-radio-group>.pay-radio-item:hover{border-color: #08b0b2;}
.pay-radio-group>.pay-radio-item.checked{border-color: #08b0b2; background-color: #fcffdf;}
/**/
.review-no-login-box {}
.review-login-box {display: none;}
.review-no-login-note {
    border:1px solid #cccccc; 
    border-radius:5px; 
    height:100px;
    width:100%;
    padding:5px 10px;
    margin:5px 7px; 
    color:#999999;
}

/*支付页*/
.update {
    margin: 20px 0;
}

.update .title {
    font-size: 24px;
    font-weight: bold;
}

.update .date {
    font-size: 18px;
    color: #1A333C;
    margin-top: 10px;
}

.update .function {
    margin: 20px 0;
}

.update .function .name {
    display: inline-block;
    font-size: 17px;
    color: #1D3402;
    padding: 6px 12px;
    background-color: #AAF650;
    border-radius: 8px;
    margin-bottom: 20px;
}

.update .function .name.yellow {
    background-color: #F2EE45;
}

.update .function ul {
    padding: 20px 20px 15px;
}

.update .function ul li {
    position: relative;
    font-size: 15px;
    padding: 0 0 9px 30px;
}

.update .function ul li:before {
    content: "\F270";
    font-family: 'bootstrap-icons';
    position: absolute;
    left: 0;
    color: #009EFF;
    padding-right: 10px;
}

/* 页脚（PC） */
#footer {
    font-size: 14px;
    color: #333333;
/*    background: #ffffff url('../images/bottombg.jpg') left top no-repeat;*/
    background: #ffffff;
    background-size: 100%;
    border-top: 1px solid #dedede;
}

#footer>.container {
    padding: 15px 15px 10px;
}

#footer a {
    color: inherit;
}

#footer a:hover {
    color: #666666;
}

#footer .navigation ul li a {
    color: #888888;
}

#footer .logo img{width: 200px;}

#footer .marks {
    position: relative;
    margin-top: 15px;
}

#footer .marks .visit {
    margin: 0 -15px;
}

#footer .marks .visit a {
    padding: 0 10px;
}

#footer .marks .visit a span {
    font-size: 24px;
}

#footer .marks .visit a:hover {
    text-decoration: none;
}

/* 页脚（移动端） */
#footer-nav {

    width: 100%;
    height: 50px;
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 9999;
    background-color: #ffffff;
    border-top: 1px solid #efefef;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);

    text-align: center;
    /*padding-top: 50px;*/
    display: flex;
/*    justify-content: center;*/
    justify-content: space-around;
    align-content: center;

}
.footer-nav-space {
    width: 100%;
    height: 50px;
    background-color: #ffffff;
}


#footer-nav a {
    display: inline-block;
/*    width: 19%;*/
    color: #000;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    /*justify-content: center;*/
    justify-content: flex-end;
    flex: 1;

}
#footer-nav a.lg {
    display: inline-block;
    background-color: #ff6600;
    color: #ffffff;
    flex:3;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-left: 10px;

}

#footer-nav a span {
    display: block;
}
#footer-nav a span.icon {
    font-size: 22px;
}
#footer-nav a span.icon-post {
    position: relative;
    top: -1px;
    border: 2px solid #ffffff;
    border-radius: 30px;
    height: 48px;
    width: 49px;
    line-height: 42px;
    margin: 0px auto;
    background: #ff6600;
    color: #ffffff;
    display: flex;
    justify-content: center;
}
#footer-nav .iconfont {
    position: relative;
    font-size: 22px;
}

#footer-nav a span.icon.tips i:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 8px;
    height: 8px;
    background-color: #FF4552;
    border-radius: 50%;
}

#footer-nav a span.text {
    font-size: 14px;
}


#footer-nav a.active,#footer-nav a:hover {
    color: #00cb82;
}

#footer-nav a.lg span.text {
    font-size: 18px;
    margin-left: 7px;
}
#footer-nav a.lg.active,#footer-nav a.lg:hover {
    color: #ffffff;
}

#footer .marks .copyright p {
    text-align: center;
    line-height: 180%;
    color: #666666;
}

@media (min-width: 1400px) {
    .container {
        width: 1300px;
    }
}
@media (min-width: 1300px) {
    .container {
        width: 1270px;
    }
}

@media (min-width: 992px) {
    /*.site-nav .container {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }*/
    .site-nav .container-fluid {
        padding-left: 0;
        padding-right: 0;
    }
    .site-nav .site-logo {display: none;}
    /*.site-nav .navbar-collapse {
        text-align: center;
    }*/
    /*.site-nav .navbar-nav {
        display: inline-block;
        float: none!important;
    }*/
    .site-nav .navbar-nav>li>a {
        font-size: 16px;
        color: #ffffff;
    }

    .top_logo {margin-top: -10px;}

    .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover,
    .navbar-default .navbar-nav>li>a.hover {
        color: #ffffff;
        background-color: #cacd01;
        /*box-shadow: 2px 2px 13px #dcdcdc;*/
    }
    .site-nav .dropdown-menu {
        border-top: none;
        /*background-color: #33a1ff;*/
        border-radius: 0;
       min-width: 100%;
        /* padding: 20px 30px;*/
        background: #cacd01;
        /*box-shadow: 2px 2px 14px #dddddd;*/

    }
    .site-nav .dropdown-menu>li>a{
        /*display: inline-block;*/
        color: #ffffff;
        padding: 10px 50px; 
        text-align: center
    }

    .site-nav .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {

        color: #ffffff;
        text-decoration: none;
        background-color: #00cb82;
    }

    #sidebarShowBtn {display: none;}
    .sidebar {display: block;}
    .update .title {
        font-size: 32px;
    }
    #footer-nav {display: none;}
    .footer-nav-space {display: none;}



}

@media (min-width: 768px)  and (max-width:991px) { 

    .form-horizontal .control-label { text-align: left;}
     
    .navbar-header {
    float: none;
    }
    .navbar-nav>li {
        position: relative;
        float: none;
        display: block;

    }
    .navbar-toggle {
        display: block;
        position: relative;
        float: right;
        padding: 9px 10px;
        margin-top: 15px;
        margin-right: 15px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 0px;
    }
    .navbar-right .dropdown-menu {
        right: 0; 
        left: 0; 
    }
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
          background-color: #595757;
        }
    .navbar-nav>li>a {
        color: #ffffff!important;
        font-size: 14px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding: 10px 5px;
        position: relative;
        display: block;
    }
    .navbar-collapse.collapse {
        display: none!important;
        height: auto;
        padding-bottom: 0;
        overflow: visible;
    }

    .navbar-right {
    float: none!important;
    margin-right: -15px;
    }
    .navbar-left {
    float: none!important;
    margin-left: -15px;
    }
    .navbar-collapse.in {
    overflow-y: auto!important;
    }

    .collapse.in {
        display: block!important;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-top: 1px solid  #e7e7e7;;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a
    {
        color: #ffffff;
    }
    .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover
    {
        background-color: #cacd01;
    }
    .site-nav .navbar-default {
        margin-left: -15px;
        margin-right: -15px;
    }

}

@media (min-width: 768px) {
    #footer {}

    #footer .container {
        padding: 30px 15px 15px;
    }

    #footer .logo {
        float: left;
    }

    #footer .navigation {
        width: 70%;
        float: right;
    }

    #footer .navigation ul {
        display: inline-block;
    }

    #footer .navigation ul ol {
        padding: 0 0 7px;
        font-size: 16px;
        font-weight: bold;
        /*color: #fff;*/
    }

    #footer .navigation ul li a {
        /*color: #fff;*/
        line-height: 25px;
    }

    #footer .links {
        padding: 10px 0;
        margin: 10px 0;
        border: 1px solid #cccccc;
        border-width: 1px 0;
    }

    #footer .links a {
        padding: 0 10px;
    }

    #footer .marks {
        margin-right: -10px;
    }

    #footer .marks .copyright p {
        margin: 0;
    }

    #footer .marks .visit {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
    }
}
@media (max-width:991px) {
    .site-header {
        padding-top: 2px;
    }
    .navbar-toggle {
    margin-top: 15px;
    }
    .navbar-nav>li>a {
        color: #ffffff!important;
        font-size: 14px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding: 10px 5px;
    }
    .site-nav .site-logo { font-size: 20px;display: block; padding-top: 5px;}
    .navbar-default .navbar-nav .open .dropdown-menu>li>a
    {
        color: #ffffff;
    }
    .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover
    {
        background-color: #cacd01;
    }
  .site-nav .navbar-default {
    background: transparent;
    /*background: #ffffff;*/
    border:none;
    }
    .dropdown-menu>li.h3 {display: none;}

    
    /*.section-sidebar {position: fixed; right: 0; bottom: 0; width: 35%;z-index: 99999;padding: 0; margin: 0;}   
    .sidebar {padding: 0; margin: 0; display: none;}
    .person-box img { width: 50px; } 
    .sidebar-box { margin-bottom: 5px;}
    .sidebar .btn-post {font-size: 13px;}
    .sidebar-box h3{font-size: 13px;height: 30px;line-height: 30px;padding: 3px 3px 3px 3px;margin-bottom: 5px; overflow: hidden;}
    .sidebar-box .cate{font-size: 13px;}
    .sidebar-box .cate li {overflow: hidden;  height: 30px;line-height: 30px;background: #ffffff;}
    .sidebar-box a.btn-post { padding: 5px 5px; margin: 1px;  font-size: 13px; }*/

    .topic-post-item .item-person{min-height: 70px; width: 70px;}
    .topic-post-item .item-note {padding-left: 80px;}
    .quick-panel-top {position: static;text-align: left; margin-bottom: 10px; height: auto;}

    .section-sub-page-bar {display: block;}
    .section-sub-page-bar-space {display: block;}

    .info-box>.note>.note-desc>.p {font-size: 16px; line-height: 173%;}

    .search-info-box>.note>.note-desc>.p {font-size: 16px;}



}
@media (max-width: 767px) {
    .form-control-static {padding-top: 0px;}
}

@media (max-width: 500px) {
    .positon-step {font-size: 16px;}
    .quick-panel-top .master {
        display: none;
    }
    .info-box {
        border-color: #ffffff;
    }
    .info-box>.note>.thumb {
        float: none;
    }
    .info-box>.note>.note-desc {
        margin-left: 0;
    }

    .lg-cate-box h3 {
        font-size: 14px;
        height: 65px;
    }

}


@keyframes aniBgChange {
    0% {
        background-color: #ffffff;
        color:#ed414a;
    }
    30% {
        background-color: #ed414a;
        color:#ffffff;
    }
    40% {
        background-color: #ffffff;
        color:#ed414a;
    }
    50% {
        background-color: #ed414a;
        color:#ffffff;
    }
    60% {
        background-color: #ffffff;
        color:#ed414a;
    }
    100% {
        background-color: #ffffff;
        color:#ed414a;
    }
  }